<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html   xmlns="http://www.w3.org/1999/xhtml"  
        xmlns:h="http://java.sun.com/jsf/html"  
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://java.sun.com/jsf/core">
    
    <f:event type="preRenderView" listener="#{sesionBean.verificarSesion}"/>
    
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Sizoo</title>
        <link rel="shortcut icon"  
              href="resources/imagenes/favicon.ico" />
        <h:outputStylesheet name="general.css" library="css" />       
    </h:head>
    
    <h:body>
         <div id="contenedor">
         <div id="cuerpo">
         <!-- Encabezado de las páginas -->
         <div id="encabezado" class="ui-widget ui-widget-header">
            <div id="logoMuseo">
                <h:graphicImage name="muhnes.png" library="imagenes" />
            </div>
            <div id="titulo">Sistema de Registro de Especímenes de Zoología</div>
            <div id="logoSecultura">
                <h:graphicImage name="secultura.png" library="imagenes" />
            </div>
         </div>
         <p:spacer height="10"/>              
         <center>
            <p:panel header="Inicio de Sesión" style="width:500px; font-size: 100%">
                <h:form id="loginFrm">
                    <p:panelGrid>
                        <p:row>
                            <p:column style="border-color: transparent;">
                                <p:graphicImage library="imagenes" name="sesion.jpg" 
                                                width="50" height="50" />
                            </p:column>
                            <p:column style="border-color: transparent;">
                                <h:outputText value="Para poder ingresar debe haber 
                                                    recibido sus credenciales 
                                                    previamente del administrador
                                                    del sistema"
                                            style="font-size:150%; text-align: justify" />
                            </p:column>    
                        </p:row>
                    </p:panelGrid>

                    <p:messages id="mensajes" closable="true" />

                    <p:panelGrid style="margin-top:20px; margin-bottom:20px;">

                        <p:row>
                            <p:column style="border-color: transparent; font-size: 110%">
                                <h:outputLabel for="correoTxt" value="Correo:" />
                            </p:column>
                            <p:column style="border-color: transparent;">
                                <p:inputText size="50" id="correoTxt" value="#{sesionBean.correo}" />
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column style="border-color: transparent;" />
                            <p:column style="border-color: transparent;">
                                <h:outputText value="Ejemplo: usuario@secultura.gob.sv" 
                                            style="color:gray"/>
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column style="border-color: transparent;">
                                <h:outputLabel for="contrasenyaPwd" value="Contraseña:" 
                                                style="font-size: 110%"/>
                            </p:column>
                            <p:column style="border-color: transparent;">
                                <p:password size="50" id="contrasenyaPwd" value="#{sesionBean.contrasenya}" />
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column style="border-color: transparent;" />
                            <p:column style="border-color: transparent;">
                                <h:outputLink value="#" onclick="enviarCorreoWgt.show()" >
                                    <h:outputText value="¿Olvidó su contraseña?" 
                                                style="font-size: 110%"/>
                                </h:outputLink>
                            </p:column>
                        </p:row>

                        </p:panelGrid>

                        <p:commandButton id="iniciarBtn"
                                        widgetVar="iniciarWgt"
                                        value="Iniciar sesión" 
                                        action="#{sesionBean.iniciarSesion}" 
                                        update="@form" 
                                        onstart="iniciarWgt.disable()"
                                        oncomplete="iniciarWgt.enable()" 
                                        style="font-size: 75%"/>

                </h:form>
            </p:panel>
        </center>
        </div>
        </div>
             
        <!-- Pie de las páginas -->
        <div id="pie">
        <center>
        <p:separator/>
        <p:panelGrid>
            <p:row>
                <p:column style="border-color: transparent; font-size: 80%">
                <strong>Museo de Historia Natural de El Salvador</strong>
                <br/>
                Barrio San Jacinto, final de calle Los Viveros, Colonia Nicaragua, 
                San Salvador
                <br/>
                República de El Salvador, C.A.
                <br/>
                (503) 2270-1387
                </p:column>
                <p:column style="border-color: transparent; font-size: 80%">
                <strong>Secretaría de Cultura de la Presidencia</strong>
                <br/>
                Urbanización Buenos Aires II, Pasaje Mar de Plata, No. 1, 
                San Salvador
                <br/>
                República de El Salvador, C.A.
                <br/>
                (503) 2244-2300
                </p:column>
            </p:row>
        </p:panelGrid> 
             
        </center>
         </div>
         
        <p:dialog id="enviarCorreoDlg" 
                  widgetVar="enviarCorreoWgt"
                  header="Recuperación de contraseña"   
                  modal="true" 
                  resizable="false" 
                  draggable="false"
                  width="500">
            <h:form id="enviarCorreoFrm">
                
                <h:outputText value="Una notificación por correo será enviada al 
                                     administrador del sistema para restaurar su 
                                     contraseña, la cual será enviada al correo
                                     proporcionado" 
                              style="font-size:125%; margin-top:20px; margin-bottom:20px;" />
                
                <p:separator />
                
                <center>
                <h:panelGrid columns="2" 
                             style="margin-top:20px; margin-bottom:20px;">

                    <h:outputLabel for="remitenteTxt" value="Nombre:" />
                    <p:inputText id="remitenteTxt" 
                                 value="#{correoBean.remitente}" 
                                 title="Nombre de usuario"
                                 size="35"
                                 required="true"
                                 requiredMessage="Campo obligatorio"/>
                    
                    <h:outputLabel for="correoTxt" value="Correo:" />
                    <p:inputText id="correoTxt" 
                                 value="#{correoBean.correo}" 
                                 title="Correo de usuario"
                                 size="35"
                                 required="true"
                                 requiredMessage="Campo obligatorio"/>
                    
                    <h:outputLabel for="asuntoTxt" value="Asunto:" />
                    <p:inputText id="asuntoTxt" 
                                 value="#{correoBean.asunto}" 
                                 title="Asunto del mensaje"
                                 size="35"
                                 required="true"
                                 requiredMessage="Campo obligatorio"/>
                    
                    <h:outputLabel for="mensajeTxt" value="Mensaje:" />
                    <p:inputTextarea id="mensajeTxt" 
                                     value="#{correoBean.contenido}" 
                                     title="Contenido del mensaje"
                                     rows="10"
                                     cols="50" 
                                     required="true"
                                     requiredMessage="Campo obligatorio"/>

                </h:panelGrid>
                </center>
                
                <p:commandButton value="Enviar"
                                 actionListener="#{correoBean.enviarCorreo(
                                                   correoBean.correoAdministrador)}"
                                 update="@form"
                                 oncomplete="if ( !args.validationFailed ) enviarCorreoWgt.hide();" 
                                 style="float:right;"/>
                
            </h:form>
        </p:dialog>
         
    </h:body>
</html>
